<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增的全局属性</title>
    <style>
      div {
        width: 600px;
        height: 200px;
        border: 1px solid black;
        margin-bottom: 10px;
      }
      .box1 {
        background-color: skyblue;
      }
      .box2 {
        background-color: green;
      }
    </style>
</head>
<body>
<!-- contenteditable表示元素是否可被用户编辑 spellcheck 检查元素是否拼写正确-->
  <div class="box1" contenteditable="true" spellcheck="true">nihao woshi chentianyu</div>
<!-- draggable="true" 表示元素是否可悲用户拖动 hidden 隐藏元素 data-* 存储页面中存储的数据-->
  <div class="box2" draggable="true" hidden data-a="1"></div>
</body>
</html>